<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
     <title>Modus ploče</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Modus ploče</h1>
	</header>
	<main>
		<h3>Paleta alata</h3>
		<p>Paleta alata sadrži osnovne alate za rad na ploči.</p>
		<div class="image"><img id="bo1" src="../../assets/hint2/bo1.png" alt=""></div>

		<p>Sadrži pisaljku (<span class="icon"><img src="../../assets/common/pen.png" alt=""></span>), gumicu (<span class="icon"><img src="../../assets/common/eraser.png" alt=""></span>) i marker (<span class="icon"><img src="../../assets/common/marker.png" alt=""></span>). OpenBoard također sadrži daljnje funkcije koje klasična ploča ne pruža:</p>
		<ul>
			<li><span class="icon"><img src="../../assets/common/arrow.png" alt=""></span> je selektor. Omogućuje biranje objekata kao i interakciju s njima.</li>
			<li><span class="icon"><img src="../../assets/common/handPlay.png" alt=""></span> je čarobni prst. Omogućuje pomicanje objekata ili interakciju s njima bez da se moraju odabrati.</li>
			<li><span class="icon"><img src="../../assets/common/hand.png" alt=""></span> je ruka. Omogućuje kretanje po stranici. Vrlo korisno u kombinaciji sa zumiranjem!</li>
			<li><span class="icon"><img src="../../assets/common/zoomIn.png" alt=""></span><span class="icon"><img src="../../assets/common/zoomOut.png" alt=""></span> omogućuje zumiranje. Odaberi vrstu zumiranja i pritisni stranicu na koju želiš primijeniti zumiranje!</li>
			<li><span class="icon"><img src="../../assets/common/laser.png" alt=""></span> je laserski pokazivač. Koristno za označavanje elemenata na ploči bez interakcije s njima.</li>
			<li><span class="icon"><img src="../../assets/common/line.png" alt=""></span> se koristi za jednostavno crtanje ravnih crta.</li>
			<li><span class="icon"><img src="../../assets/common/text.png" alt=""></span> je alat za pisanje teksta pomoću tipkovnice umjesto pisaljke.</li>
		</ul>
		
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Zumiranje možeš preciznije odrediti pomoću miša! Koristi Ctrl/Cmd + kotačić miša za preciznije zumiranje!</span>


		<h3>Alatna traka ploče</h3>
		<p>Alatna traka ploče omogućuje pored ostalog mijenjanje boje i debljine pisaljke ili markera.</p>
		<div class="image"><img id="bo9" src="../../assets/hint2/bo9.png" alt=""></div>

		<p>Omogućuje mijenjanje pozadine ploče pritiskom na <span class="icon"><img src="../../assets/common/background.png" alt=""></span></p>
		<div class="image"><img src="../../assets/hint2/bo-gif1.gif" alt=""></div>
		
		<p>Sadrži gumbe za poništavanje/ponavljanje radnji, stvaranje i kretanje po stranicama, brisanje cijele ploče …</p>
		
		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Dijelove ploče možeš preciznije obrisati dugim pritiskom na <span class="icon"><img src="../../assets/common/clearPage.png" alt="the erase icon"></span>. Neke skrivene funkcije i na <span class="icon"><img src="../../assets/common/newDocument.png" alt="the erase icon"></span>!</span>
	</main>
	<footer>

	</footer>
</body>
</html>
